<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="father">

    <div class="layer01"><img src="image/1.JPEG" alt="图片1"></div>
    <div class="layer02"><img src="image/2.jpg" alt="图片2"></div>
    <div class="layer03"><img src="image/3.jpg" alt="图片3"></div>

   <div class="layer04">
       浮动的盒子可以向左浮，也可以向右浮动，直到它碰到边缘
   </div>

<!--    <div class="clear"></div>-->
</div>


</body>
</html>